<template>
     <el-input
        clearable
        :type="type"
        :disabled="disabled"
        placeholder="请输入"
        class="width_100 height_auto"
        v-model.trim="state"
    />
</template>

<script setup lang="ts">

/**
 * @props
 */

const props = defineProps({
    // 值
    value: {
        type: String,
        default: ''
    },
    // 类型
    type: {
        type: String,
        default: 'text', // 'text' | 'textarea' | 'password' | 'button' | 'checkbox' | 'file' | 'number' | 'radio' | .
    },
    // 禁用
    disabled: {
        type: Boolean,
        default: false
    }
})

const state = toRef(props.value)
</script>

<style scoped></style>
